﻿<%@ Page Language="C#" AutoEventWireup="true" Title="Đăng ký sử dụng dịch vụ" CodeBehind="Register.aspx.cs" Inherits="OnlineBusinesses.Info.Register" MasterPageFile="~/Site2.Master" %>

<%@ Register Assembly="MSCaptcha" Namespace="MSCaptcha" TagPrefix="cc1" %>
<%--<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<link href="Images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link href="../Content/bootstrap.css" rel="stylesheet" />
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="../Content/default.css" rel="stylesheet" />
    <link href="../Content/component.css" rel="stylesheet" />
    <script src="../Scripts/modernizr.custom.js"></script>
    <title>FAmails.com</title>
    <style>

        </style>
    <link href="css/cssform.css" rel="stylesheet" />
    <style>
            body {
                font-family: 'Open Sans', sans-serif;
                margin:0px;
                padding:0;
            }
            p {
                font-size:15px;
                font-weight:bold;
                line-height:20px;
                padding-left:5px;
            }
            .cost {
                color:#069c37;
            }   
            #maincontent {
                width:546px;
                float:left;
                margin-top: -10px;
            }
            .header {
                height:70px;
                width:100%;
                background-color:#3498db;
                color:#ecf0f1;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -ms-border-radius:5px;
                -o-border-radius:5px;
            }
                .header h2{
                    padding-top:20px;
                    text-align:center;
                    font-size:25px;
                    font-weight:bold;
                }
            .textbox {
                
                width: 310px; 
                display: inline-block;
                height: 20px;
                padding: 4px 6px;
                margin-bottom: 10px;
                font-size: 14px;
                border: 1px solid #ccc;
                line-height: 20px;
                color: #555;
                vertical-align: middle;
                outline:none;
            }
            .error {
                border:1px solid red;
            }
            .captchavalidate {
                width:80px !important;
            }
                .textbox:focus {
                    border:1px solid #3498db;
                }
            .bodycontent {
                
            }
                .bodycontent .rows {
                    width:100%;
                    float:left;
                    height:40px;
                }
                .rows .leftcontent {
                    width:140px;
                    float:left;
                    padding:2px;
                    margin-left:16px;
                }
                .rows .rightcontent {
                    width:330px;
                    float:left;
                    padding:10px;
                }
            .clear {
                clear:both;
                height:10px;
                border-bottom:1px dashed #2c3e50;
            }
            .availablecss
            {
                background-color:#CEFFCE;
                border:1px solid green;
            }
            .notavailablecss
            {
                background-color:#FFD9D9;
                border:1px solid red;
            }
            #btnRegis {
                background: #368ee0;
                color: #fff;
                text-shadow: none;
                filter: none;
                border:0px;
                width:120px;
                font-size:20px;
                outline:none;
                padding:15px;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -ms-border-radius:5px;
                -o-border-radius:5px;
            }
                #btnRegis:focus,#btnRegis:hover {
                    background-color:#04c;
                }
            .ddList {
                display: inline-block;
                height: 30px;
                padding: 4px 6px;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 20px;
                color: #555;
                vertical-align: middle;
                border:1px solid #d8d8d8;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                outline:none;
            }
                .ddList:focus {
                    border:1px solid #3498db;
                }
            OPTION { 
                border:1px solid #3498db;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }
        </style>
    <script src="js/jquery-1.8.2.min.js"></script>
</head>
<body style="overflow:hidden;">--%>

<asp:Content ID="Prica_page" runat="server" ContentPlaceHolderID="ContentHome">
<div class="col-md-12 hidden-xs" style="padding-top: 132px;"></div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            
            <div class="loading" style="text-align:center;font-size:14px;font-weight:bold;padding:15px;">
                Đang xử lý<br />
                <img src="../Images/framely.gif" style="width:60px;height:50px;" />
            </div>
            <div class="col-xs-12 col-md-12" style="text-align: center; padding: 5px;">
                <asp:Label ID="lblError" runat="server"></asp:Label>
            </div>
            <div class="col-xs-12 col-md-12" style="padding:5px;">
                <div class="col-xs-12 col-md-5" style="padding:5px;">
                <div class="col-xs-12 col-md-12" style="padding:5px;border:1px solid #ddd;background:#fafafa;">
                    <div class="col-xs-12 col-md-12" style="padding:5px 5px;">
                        <span style="font-size:18px;">Giới thiệu về bạn</span> 
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <h5 style="font-weight:bold;color:#555;">Tên</h5>
                        </div>
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <asp:TextBox ID="txtUserName" placeholder="Họ Tên" Style="border-radius: 0px;" runat="server" CssClass="input_add"></asp:TextBox>
                        </div> 
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <h5 style="font-weight:bold;color:#555;">Email đang sử dụng</h5>
                        </div>
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <asp:TextBox ID="txtEmail" placeholder="name@emailaddress.com" Style="border-radius: 0px;" runat="server" CssClass="input_add"></asp:TextBox>
                        </div> 
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <h5 style="font-weight:bold;color:#555;">Mật khẩu</h5>
                        </div>
                        <div class="col-xs-6 col-md-6" style="padding:0px 5px;">
                            <asp:TextBox ID="txtPass" placeholder="Nhập mật khẩu" Style="border-radius: 0px;" runat="server" CssClass="input_add" TextMode="Password"></asp:TextBox>
                        </div> 
                        <div class="col-xs-6 col-md-6" style="padding:0px 5px;">
                            <asp:TextBox ID="txtConfirmPass" Style="border-radius: 0px;" placeholder="Xác nhận mật khẩu" runat="server" CssClass="input_add" TextMode="Password"></asp:TextBox>
                        </div> 
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <h5 style="font-weight:bold;color:#555;">Địa chỉ</h5>
                        </div>
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <asp:TextBox ID="txtDiaChi" Style="border-radius: 0px;" placeholder="Địa chỉ liên lạc" runat="server" CssClass="input_add"></asp:TextBox>
                        </div> 
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <h5 style="font-weight:bold;color:#555;">Số điện thoại</h5>
                        </div>
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <asp:TextBox ID="txtPhone" Style="border-radius: 0px;" placeholder="Nhập số điện thoại" runat="server" CssClass="input_add"></asp:TextBox></div>
                            <asp:TextBox ID="txtCardID" Visible="false" Style="border-radius: 0px;" runat="server" CssClass="input_add"></asp:TextBox></div>
                        </div> 
                    </div>
                <div class="col-xs-12 col-md-7" style="padding:0px;">
                <div class="hidden-xs col-md-2" style="padding:5px;"></div>
                <div class="col-xs-12 col-md-8" style="padding:5px;">
            <%--        <div class="col-xs-12 col-md-12" style="padding:20px;border:1px solid #ddd;">
                        Những ứng dụng cần thiết cho doanh nghiệp của bạn.<br />
                        <a href="../Apps/MailBox.aspx"><img class="img-circle" style="height:60px;float:left;margin:5px;" src="../Images/icon/1.png" /></a>
                        <a href="../Apps/AotoResponder.aspx"><img class="img-circle" style="height:60px;float:left;margin:5px;" src="../Images/icon/4.png" /></a>
                        <a href="../Apps/BroadCast.aspx"><img class="img-circle" style="height:60px;float:left;margin:5px;" src="../Images/icon/2.png" /></a>
                        <a href="../Apps/Customer.aspx"><img class="img-circle" style="height:60px;float:left;margin:5px;" src="../Images/icon/3.png" /></a>
                    </div>--%>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:5px 5px;">
                            <span style="font-size:18px;">Thông tin dịch vụ</span> 
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                                                    
                                    

                            <h5 style="font-weight:bold;color:#555;">Gói dịch vụ : 
                                <span class="pull-right" style="color:#f00;">
                                    <asp:Label ID="lblTenGoi" runat="server" Text=""></asp:Label>
                                    <asp:Label ID="lbtotalfree" runat="server" Visible="False"></asp:Label>
                                </span>
                            </h5>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px 5px;">
                            <span class="pull-left" style="margin-right:10px;line-height:34px;">Thời hạn :</span>
                            <asp:DropDownList ID="ddlPackageTime" runat="server" Style="border-radius: 0px;float:left;width:150px;" CssClass="input_add" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="True">
                                <asp:ListItem Value="1">1 tháng</asp:ListItem>
                                <asp:ListItem Value="3">3 tháng</asp:ListItem>
                                <asp:ListItem Value="6">6 tháng</asp:ListItem>
                                <asp:ListItem Value="12">12 tháng</asp:ListItem>
                            </asp:DropDownList>
                            <span class="pull-right" style="line-height:34px;font-weight:bold;color:#555;"><asp:Label ID="lblCost" runat="server"></asp:Label><sup>$</sup></span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-12" style="margin:6px 0px;"></div>
                    <div class="col-xs-12 col-md-12" style="padding:0px;margin:30px 0px;">
                        <div class="col-xs-12 col-md-12" style="padding:0px;height:1px;background:#ddd;"></div>
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:10px 5px 5px;">
                        <span class="pull-left" style="margin-right:10px;line-height:34px;">Mã xác nhận :</span>
                        <asp:TextBox ID="txtCapt" placeholder="Nhập mã xác nhận" Style="border-radius: 0px;float:left;width:200px;" runat="server" CssClass="input_add captchavalidate"></asp:TextBox>
                        <div style="float: left; width: 120px;text-align:center;">
                            <cc1:CaptchaControl ID="cptCaptcha" runat="server"
                                CaptchaBackgroundNoise="Low" CaptchaLength="5"
                                CaptchaHeight="31" CaptchaWidth="120"
                                CaptchaLineNoise="None" CaptchaMinTimeout="5" />
                        </div>
                        <div style="float: left;line-height:34px;">
                            <asp:ImageButton ID="imgRefresh" runat="server" ImageUrl="~/images/capchar.gif" Style="width: 25px;border:0px;margin:2px;" />
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <asp:CheckBox ID="chkAgree" runat="server" Checked="True" />
                        <span style="font-size: 13px; color: #000000;">Tôi đồng ý với <%--NavigateUrl="loi-mo-dau-Q7i1T2.html" NavigateUrl="loi-mo-dau-v4p1J2.html"--%>
                        <asp:HyperLink ID="HyperLink4" runat="server" Font-Bold="True" Font-Italic="True" Target="_parent" ><u>Quy định sử dụng</u> </asp:HyperLink>&
                        <asp:HyperLink ID="HyperLink5" runat="server" Font-Bold="True" Font-Italic="True" Target="_parent"><u> Chính sách bảo mật của FAmails</u></asp:HyperLink></span>
                    </div>
                    <div class="col-xs-12 col-md-12" style="padding:5px;">
                        <div class="col-xs-8" style="padding: 5px; font-weight: bold; text-align: right; line-height: 30px;">
                            <asp:TextBox ID="txtmail" runat="server" Visible="False"></asp:TextBox>
                            <asp:Label ID="lbthoigian" runat="server" Text="Label" Visible="False"></asp:Label>
                        </div>
                        <div class="col-xs-4" style="padding: 5px;">
                            <asp:Button ID="btnRegis" runat="server" data-loading-text="Đang xử lý ..." CssClass="btn btn-default" Style="border-radius: 0px; background: #337BEA;color:#fff;font-weight:bold;width:100%;font-size:14px;border:0px;" Text="Đăng ký" OnClick="btnRegis_Click" />
                        </div>
                    </div>

                </div>
                <div class="hidden-xs col-md-2" style="padding:5px;"></div>
                <div class="hidden-xs col-md-2" style="padding:5px;"></div>
                <div class="hidden-xs col-md-10" style="padding:5px;">

                </div>
                </div>
            </div>
            <script type="text/javascript">
                function ShowProgress() {
                    setTimeout(function () {
                    }, 1000);
                    var modal = $('<div />');
                    modal.addClass("modal");
                    $('body').append(modal);
                    var loading = $(".loading");
                    loading.show();
                    var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
                    var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
                    loading.css({ top: top, left: left });
                }
                $('form').live("submit", function () {
                    ShowProgress();
                });
            </script>

        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
<%--</body>
</html>--%>
